// 参考 https://blog.csdn.net/qq_35373781/article/details/143504851

// 使用vue 开发工具 比如 vscode 采用webpack工程的方法，编写组件表成js ,将js 放入到解决方案中以供html代码进行使用
//组件1 定义
// 是一个纯文本 静态定义的组件
Vue.component("my-com1",{
    template:"<h1>当前是一个组件</h1>"
})

//组件2 定义
// 加入属性进行定义
//param1 可以是一个对象，也可以是一个数组，如果是数组，则可以进行相关的循环等操作
// 子单元通过 prop 接口与父单元进行了良好的解耦
// 注意这里不是纯前后端进行，在一个app.html将html组件全部测试完成后，将html转换成字符串 拷贝到当前的template中
Vue.component("my-com2",{

    template:"<h1>当前是一个{{param1}}组件</h1>",
    props:['param1']
})

